<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<title>demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<!-- 基础样式 -->
<link href="${ctx}/assets/comp/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/assets/css/metro.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/assets/css/style.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/assets/xyz/xiz/css/style.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/assets/xyz/xiz/scoller/scroller_roll.css" rel="stylesheet" type="text/css"></link>
</head>
<body
	style="background: url(${ctx}/assets/xyz/xiz/img/bg.jpg) no-repeat top center">
	<div class="container">
		<div class="row-fluid">
			<div class="span6">今天是：2014年4月27日 星期日 农历甲午年 三月廿八</div>
			<div class="pull-right">
				<a href="javascript:;">设置主页</a> &nbsp;|&nbsp; <a href="javascript:;">加入收藏</a>
			</div>
		</div>
		<div>
			<%-- <img src="${ctx}/assets/xyz/xiz/img/cover.png" /> --%>
		</div>
		<div class="top-nav">
			<div class="nav-m">
				<ul class="white">
					<li><a href="index.html">首页</a></li>
	                <li><a href="list.html">各地动态</a></li>
	                <li><a href="list.html">队伍建设</a></li>
	                <li><a href="list.html">专项工作</a></li>
	                <li><a href="list.html">情报研判</a></li>
	                <li><a href="list.html">执法规范</a></li>
	                <li><a href="list.html">协作追查</a></li>
	                <li><a href="list.html">案件动态</a></li>
	                <li><a href="list.html">留言簿</a></li>
				</ul>
				<form class="search">
					<div class=".input-box">
						<input type="text" class="span2" placeholder="关键字"/>
						<button type="submit" class="submit">搜索</button>
					</div>
				</form>
			</div>
			<div class="nav-r"></div>
		</div>
		<div class="m-mudle">
			<div class="container" class="last_news">
				<div style="float: left;">
					<a href="#">
						<img src="${ctx }/assets/xyz/xiz/img/00e6ebe7ee0b1ba32a2d3dd895cd2370.png" class="last_news_img" title="最新新闻" alt="最新新闻"/>
					</a>
				</div>
				<div class="last_news_content">
					<h3>
						<a href="#">2013年西藏公安厅工作研讨会在拉萨召开</a>
					</h3>
					<ul>
						<li><a href="#">陈雷调研指导湖北水利工作</a></li>
						<li><a href="#">李鸿忠强调：抓好防汛抗旱促开放工作</a></li>
						<li><a href="#">陈雷调研指导湖北水利工作</a></li>
					</ul>
				</div>
		    </div>
		</div>
		<div class="row-fluid m-content">
			<div class="m-mudle span12">
				<div class="span8">
					<div class="banner-slide" id="banner-slide">
		                <a href="javascript:;" class="slide-item">
		                    <img src="${ctx }/assets/xyz/xiz/img/slide-01.jpg" />
		                    <p>幻灯片标题1</p>
		                </a>
		                <a href="javascript:;" class="slide-item">
		                    <img src="${ctx }/assets/xyz/xiz/img/slide-02.jpg" />
		                    <p>幻灯片标题2</p>
		                </a>
		                <a href="javascript:;" class="slide-item">
		                    <img src="${ctx }/assets/xyz/xiz/img/slide-03.jpg" />
		                    <p>幻灯片标题3</p>
		                </a>
		                <div class="banner-thumb" id="banner-thumb">
		                    <a href="javascript:;" class="slide-thumb">1</a>
		                    <a href="javascript:;" class="slide-thumb">2</a>
		                    <a href="javascript:;" class="slide-thumb">3</a>
		                </div>
		            </div>
				</div>
				<div class="span4">
					<div class="portlet box green tabbable" style="height: 247px">
						<div class="portlet-title">
							<h4>&nbsp</h4>
						</div>
						<div class="portlet-body" style="height: 84.5%">
							<div class="tabbable portlet-tabs">
									<ul class="nav nav-tabs">
										<li class=""><a href="#portlet_tab2" data-toggle="tab">登录</a></li>
										<li class="active"><a href="#portlet_tab1" data-toggle="tab">工作动态</a></li>
									</ul>
									<div class="tab-content">
										<div class="tab-pane active" id="portlet_tab1">
											<ul class="m-list">
												<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
												<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
												<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
											</ul>
										</div>
										<div class="tab-pane" id="portlet_tab2">
											<form style="margin-bottom:0">
						                        <div class="input-prepend" style="margin-bottom: 10px; margin-top: 5px;">
						                          <span class="add-on">用户名</span>
						                          <input type="text" name="username" class="m-wrap" />
						                        </div>
						                        <div class="input-prepend" style="margin-bottom: 10px">
						                          <span class="add-on">密　码</span>
						                          <input type="password" name="password" class="m-wrap" />
						                        </div>
						                        <button type="submit" class="btn blue btn-block">登录</button>
						                        <div style="text-align: center; margin-top: 15px; padding-top: 13px; padding-bottom: 3px; border-top: 1px dotted #bbb; *zoom: 1;">
						                            <a href="javascript:;">注册</a>
						                            &nbsp; &nbsp; &nbsp;
						                            <a href="javascript:;">忘记密码?</a>
						                        </div>
						                    </form>
										</div>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span8 m-mudle">
					<div class="portlet box blue portlet_fix_height">
						<div class="portlet-title">
							<h4 style="width: 100%">执法规范建设<span class="pull-right"><a href="#" class="more">more>></a></span> </h4>
						</div>
						<div class="portlet-body">
							<ul class="m-list">
								<li><a href="#">今年以来全市社会治安秩序持续良好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好我市警方...</a><span>2014-04-26</span></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="span4 m-mudle">
					<div class="portlet box yellow portlet_fix_height">
						<div class="portlet-title">
							<h4 style="width: 100%">通知通报<span class="pull-right"><a href="#" class="more">more>></a></span> </h4>
						</div>
						<div class="portlet-body">
							<ul class="m-list">
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="scroller_roll1" class="scroller_roll m-mudle">
			    <ul style="margin-top: 5px">
			        <li><a href="link1" title="title1"><img src="${ctx}/assets/xyz/xiz/img/1ef6beec62015f11effd7083a5e93073.jpg" alt="title"/></a></li>
			        <li><a href="link2" title="title2"><img src="${ctx}/assets/xyz/xiz/img/59ebb53e5b3b3554025942ae2ed10996.jpg" alt="title"/></a></li>
			        <li><a href="link3" title="title3"><img src="${ctx}/assets/xyz/xiz/img/8ee632bf246a709faa30c8db4df75b9b.jpg" alt="title"/></a></li>
			        <li><a href="link4" title="title5"><img src="${ctx}/assets/xyz/xiz/img/9d96ef6a68658db2458c30246bf91215.jpg" alt="title"/></a></li>
			        <li><a href="link4" title="title6"><img src="${ctx}/assets/xyz/xiz/img/e1236b9dbbb0d9dc0ac6ed6f4400baa3.jpg" alt="title"/></a></li>
			        <li><a href="link4" title="title7"><img src="${ctx}/assets/xyz/xiz/img/8ee632bf246a709faa30c8db4df75b9b.jpg" alt="title"/></a></li>
			        <li><a href="link4" title="title8"><img src="${ctx}/assets/xyz/xiz/img/8ee632bf246a709faa30c8db4df75b9b.jpg" alt="title"/></a></li>
			        <li><a href="link4" title="title9"><img src="${ctx}/assets/xyz/xiz/img/e1236b9dbbb0d9dc0ac6ed6f4400baa3.jpg" alt="title"/></a></li>
			    </ul>
			    <div style="clear: both"></div>
			</div>
			<div>
				<div class="span5 m-mudle">
					<div class="portlet box blue portlet_fix_height">
						<div class="portlet-title">
							<h4 style="width: 100%">专项工作<span class="pull-right"><a href="#" class="more">more>></a></span> </h4>
						</div>
						<div class="portlet-body">
							<ul class="m-list">
								<li><a href="#">今年以来全市社会治安秩序持续良好</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持良好我市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良好市警方...</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持续良</a><span>2014-04-26</span></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="span4 m-mudle">
					<div class="portlet box yellow portlet_fix_height">
						<div class="portlet-title">
							<h4 style="width: 100%">队伍建设<span class="pull-right"><a href="#" class="more">more>></a></span> </h4>
						</div>
						<div class="portlet-body">
							<ul class="m-list">
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
								<li><a href="#">今年以来全市社会治安秩序持</a><span>2014-04-26</span></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="span3 m-mudle">
					<div class="portlet box purple">
						<div class="portlet-title">
							<h4 style="width: 100%">信息采用排名</h4>
						</div>
						<div class="portlet-body" style="padding: 0 0;">
							<table class="table table-striped table-bordered table-hover table-condensed" 
			                    style="margin-bottom:0; font-size: 12px">
			                    <tr>
			                        <th>单位</th>
			                        <th>报送</th>
			                        <th>采用</th>
			                        <th>得分</th>
			                        <th>排名</th>
			                    </tr>
			                    <tr>
			                        <td>拉萨</td>
			                        <td>88</td>
			                        <td>88</td>
			                        <td>78</td>
			                        <td>1</td>
			                    </tr>
			                    <tr>
			                        <td>塞内加尔</td>
			                        <td>88</td>
			                        <td>88</td>
			                        <td>78</td>
			                        <td>2</td>
			                    </tr>
			                    <tr>
			                        <td>塞内加</td>
			                        <td>88</td>
			                        <td>88</td>
			                        <td>78</td>
			                        <td>3</td>
			                    </tr>
			                    <tr>
			                        <td>塞内加</td>
			                        <td>88</td>
			                        <td>88</td>
			                        <td>78</td>
			                        <td>3</td>
			                    </tr>
			                    <tr>
			                        <td>塞内加</td>
			                        <td>88</td>
			                        <td>88</td>
			                        <td>78</td>
			                        <td>3</td>
			                    </tr>
			                    <tr>
			                        <td>塞内加</td>
			                        <td>88</td>
			                        <td>88</td>
			                        <td>78</td>
			                        <td>3</td>
			                    </tr>
			                </table>
						</div>
					</div>
				</div>
			</div>
			<div class="m-mudle span12">
				<div class="panel clearfix" style="border-radius: 0">
		            <ul class="panel-tab clearfix" style="text-align: center">
		                <span>XIZANG &nbsp; ECID</span>
		            </ul>
		            <div class="panel-tab-content-wrap clearfix">
		                <div class="panel-tab-content active" style="text-align: center">
		                    <a href="javascript:;">网站管理</a>
		                    &nbsp;|&nbsp;
		                    <a href="javascript:;">联系我们</a>
		                    &nbsp;|&nbsp;
		                    <a href="javascript:;">加入收藏</a>
		                    &nbsp;|&nbsp;
		                    <a href="javascript:;">设为首页</a>
		                </div>
		            </div>
		        </div>
			</div>
		</div>
	</div>
	<script src="${ctx}/assets/js/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script src="${ctx}/assets/comp/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="${ctx}/assets/xyz/xiz/js/bootstrap-ie.js"></script>
	<script type="text/javascript" src="${ctx}/assets/xyz/xiz/js/jquery.sochange.js"></script>
	<script type="text/javascript" src="${ctx}/assets/xyz/xiz/scoller/scroller_roll.js"></script>
	<!--[if IE 6]>
	<script src="assets/js/pngfix.js"></script>
	<script type="text/javascript">DD_belatedPNG.fix('.header-logo img');</script>
	<![endif]-->
	<script type="text/javascript">
		var colors = ["black","blue","gray","green","red"];
		$(function(){
		    $("#banner-slide a.slide-item").soChange({
		         changeType: 'fade',
		         thumbObj: '#banner-thumb a.slide-thumb',
		         thumbNowClass: 'slide-item-on'
		    });
		  // alert($("#test").height());
		    $("#scroller_roll1").scroller_roll({
                title_show: 'enable',//enable  disable
                time_interval: '15',
                window_background_color: "#C1F0FF",
                window_padding: '1',
                border_size: '1',
                border_color: '#0099CC',
                images_width: '224',
                images_height: '200',
                images_margin: '10',
                title_size: '12',
                title_color: 'black',
                show_count: '4'
            });
		    
		    setInterval(function(){
		    	$.each($(".last_news_content ul li a"),function(i,item){
		    		var temp = parseInt(Math.random()*colors.length);
		    		$(item).css("color",colors[temp]);
		    	});
		    }, 2000);
		});
</script>
</body>
</html>